/** @type {import('tailwindcss').Config} */
module.exports = {
    darkMode: 'class',
    corePlugins: {
        preflight: false,
    },
    content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
    theme: {
        // 内边距
        padding: Array.from({ length: 1000 }).reduce((map, _, index) => {
            map[index] = `${index}px`
            return map
        }, {}),
        // 外边距
        spacing: Array.from({ length: 1000 }).reduce((map, _, index) => {
            map[index] = `${index}px`
            return map
        }, {}),
        // 圆角
        borderRadius: Array.from({ length: 1000 }).reduce((map, _, index) => {
            map[index] = `${index}px`
            return map
        }, {}),
        extend: {
            // 字体大小
            fontSize: Array.from({ length: 100 }).reduce((map, _, index) => {
                map[index] = `${index}px`
                return map
            }, {}),
            // 行高
            lineHeight: Array.from({ length: 1000 }).reduce((map, _, index) => {
                map[index] = `${index}px`
                return map
            }, {}),
            colors: {
                bg_color: 'var(--el-bg-color)',
                primary: 'var(--el-color-primary)',
                primary_light_9: 'var(--el-color-primary-light-9)',
                text_color_primary: 'var(--el-text-color-primary)',
                text_color_regular: 'var(--el-text-color-regular)',
                text_color_disabled: 'var(--el-text-color-disabled)',
            },
        },
    },
}
